import Vue from 'vue'
import VueRouter from 'vue-router'
import HomeView from '../views/HomeView.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
  {
    path: '/about',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
  },
  {
    path: '/',
    name: 'LoginView',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/HomeView.vue')
  },
  {
    path: '/PerButton',
    name: 'PerButton',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../components/PermissionComponet/PermissionButtonCom.vue')
  },
  {
    path: '/IndexInfo',
    name: 'IndexInfo',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/User/IndexInfo.vue'),
    children: [
      {
        path: '/ExtentList',
        name: 'ExtentList',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/User/ExtentList.vue')
      },
      {
        path: '/UserInfoList',
        name: 'UserInfoList',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/User/UserInfoList.vue')
      },
      {
        path: '/RoleInfoList',
        name: 'RoleInfoList',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/User/RoleInfoList.vue')
      },
      {
        path: '/PermissionInfoList',
        name: 'PermissionInfoList',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/User/PermissionInfoList.vue')
      },
      {
        path: '/CustomShowInfo',
        name: 'CustomShowInfo',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/User/CustomShowInfo.vue')
      },
      {
        path: '/RoutingView',
        name: 'RoutingView',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/Routing/RoutingView.vue')
      },
      {
        path: '/CustomAddInfo',
        name: 'CustomAddInfo',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/User/CustomAddInfo.vue')
      },
      {
        path: '/DictionaryList',
        name: 'DictionaryList',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/Dictionary/DictionaryList.vue')
      },
      {
        path: '/RepairOrders',
        name: 'RepairOrders',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/RepairOrders/RepairOrders.vue')
      },
      {
        path: '/UnitView',
        name: 'UnitView',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/Unit/UnitView.vue')
      },
      {
        path: '/MenuList',
        name: 'MenuList',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/Menu/MenuList')
      }, {
        path: '/MenuList',
        name: 'MenuList',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/Menu/MenuList')
      },
      {
        path: '/PlanView',
        name: 'PlanView',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/Plan/PlanView.vue')
      },


      {
        path: '/ProcesShow',
        name: 'ProcesShow',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/Proces/ProcesShow.vue')
      },
      {
        path: '/DispositionView',
        name: 'DispositionView',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/Disposition/DispositionView.vue')
      },
      {
        path: '/MaterialView',
        name: 'MaterialView',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/Material/MaterialView.vue')
      },
      {
        path: '/ProductView',
        name: 'ProductView',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/Material/ProductView.vue')
      },

      {
        path: '/DefCtiveShow',
        name: 'DefCtiveShow',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/Defectives/DefCtiveShow.vue')
      },
      {
        path: '/ProcesShow',
        name: 'ProcesShow',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/Proces/ProcesShow.vue')
      },
      {
        path: '/ShiftsCalendar',
        name: 'ShiftsCalendar',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/ShiftsCalendar/ShiftsCalendar.vue')
      },
    ]
  }

]

const router = new VueRouter({
  routes
})

export default router
